<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <title>用户列表</title>
    <script src="/common/css.js"></script>
</head>
<body>
<div id="rrapp" class="content" v-cloak>
    <div v-show="showList">
        <div class="grid-btn" style="overflow: hidden;">
            <div class="form-group col-xs-3" style="padding-left: 1px;">
                <div class="input-group">
                    <span class="input-group-addon">账户</span>
                    <input type="text" class="form-control" v-model="q.account" @keyup.enter="query" placeholder="登录账户">
                </div>
            </div>

            <div class="form-group col-xs-4" style="padding-left: 1px;">
                <div class="input-group">
                    <span class="input-group-addon">时间</span>
                    <input type="text" class="form-control" id="filterTime" readonly>
                    <span class="input-group-addon" title="清除" style="cursor:pointer" @click="trash">
						<i class="fa fa-trash-o bigger-110"></i>
					</span>
                </div>
            </div>

            <a v-if="hasPermission('base:userlogin:list')" class="btn btn-default" @click="query"><i class="fa fa-search"></i>&nbsp;查询</a>
            <a v-if="hasPermission('base:userlogin:delete')" class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
        </div>

        <div class="adminMain">
            <div class="cardContent">
                <ul class="cardBox clear">

                    <li class="cardItem" v-for="(item,index) in dataList">
                        <div class="top" style="display: none;">
                            <label for="1fdrl36r2sd4e">
                                <input type="checkbox" id="1fdrl36r2sd4e" class="chooseUser" value="[object Object]">
                                <div class="uplooper"></div>
                            </label>
                        </div>
                        <div class="top">
                            <div class="set_btn" style="display: none;">
                                <i class="icon"></i>
                                <div></div>
                            </div>
                            <div class="online_btn">
                                <i v-if="item.p == 1" class="on noselect">在线</i>
                                <i v-else class="noselect">离线</i>
                            </div>
                        </div>
                        <div class="user_img noselect">
                            <img :src="item.visibleUser.avator || 'http://oss.jshijian.com/avator/avator.png'" alt="">
                            <div v-if="item.visibleUser.idAuth == 2" class="vip_k"></div>
                        </div>
                        <div class="user_name">
                            <p>{{item.visibleUser.nickname || '无名字'}}<i :class="{'nonesex': item.visibleUser.gender == -1,'girl': item.visibleUser.gender == 0,'boy': item.visibleUser.gender == 1}"></i></p>
                        </div>
                        <div class="user_year" style="padding-bottom: 10px;">
                            <p>
                                {{item.visibleUser.bday | ages}}
                                <span v-if="item.visibleUser.gender == 0">/ 等级:{{item.x}}</span>
                                <span v-else-if="item.visibleUser.gender == 1">/ 等级:{{item.v}}</span>
                                <span v-else></span>
                            </p>
                        </div>
                        <div class="floor">
                            <p>
                                注册时间:
                                <span>{{item.cs | format}}</span>
                            </p>
                        </div>
                        <div class="floor">
                            <p>邀请码: <span>{{item.ucode}}</span></p>
                        </div>
                        <div class="floor">
                            <p>手机号: <span>{{item.phone || '暂无'}}</span></p>
                        </div>
                        <div class="floor">
                            <p>
                                位&nbsp;&nbsp;&nbsp;&nbsp;置:
                                <span>{{item.loc || '未知'}}</span>
                            </p>
                        </div>
                    </li>

                </ul>
                <div class="pagetions">
                    <div class="pagetionBox"></div>
                </div>
            </div>
        </div>
    </div>

    <div v-show="!showList" class="panel panel-default">
        <div class="panel-heading">{{title}}</div>
    </div>
</div>
<script src="/common/js.js"></script>
<script type="text/javascript">
    dynamicLoading.js(rootPath + "plugins/createPage/jquery.page.js", "utf-8");
    dynamicLoading.js(rootPath + "js/user/show.js", "utf-8");
</script>
</body>
</html>